<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>保洁区域任务列表</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/plandevicetasklist.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content headerBox">
            <div class="work_new_box">
                <div class="work_new_box_ul">
                    <div v-on:click="select_status(1)" v-bind:class="{'SelectCss':TabIndex==1}" class="work_new_box_ul_li">未完成<span></span>({{total.ProcessCount}})</div>
                    <div v-on:click="select_status(2)" v-bind:class="{'SelectCss':TabIndex==2}" class="work_new_box_ul_li">已完成<span>({{total.CompleteCount}})</span></div>
                </div>
                <div class="cl"></div>
            </div>
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="aui-iconfont aui-icon-search"></i>
                    <input v-model="form.keywords" type="search" placeholder="请输入区域名称" id="search-input">
                    <div class="aui-searchbar-clear-btn">
                        <i class="aui-iconfont aui-icon-close"></i>
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode></div>
            </div>
        </div>
        <section v-if="TabIndex==1" class="aui-content contentBox">
            <div class="list_box">
                <!-- loop -->
                <div v-for="item in list" class="list_box_li">
                    <div class="list_box_li_title equipment_box" v-on:click="do_view(item)">
                        <div class="equipment_name fl aui-ellipsis-1">{{item.RegionName}}</div>
                        <div class="equipment_btn fr">
                            <i class="icon iconfont icon-arrow-right"></i>
                        </div>
                        <div class="cl"></div>
                    </div>
                </div>
                <!-- loop -->
            </div>
        </section>
        <section v-if="TabIndex==2" class="aui-content contentBox">
            <div class="list_box">
                <!-- loop -->
                <div v-for="item in donelist" v-on:click="open_details(item)" class="list_box_li">
                    <div class="list_box_li_title">
                        <div class="equipment_name fl">{{item.RegionName}}</div>
                        <div class="equipment_state fr">{{item.TaskStatusDesc}}</div>
                        <div class="cl"></div>
                    </div>
                    <div class="list_box_li_new mgtop">
                        工作内容：{{item.TaskCompleteContent}}
                        <span>{{item.TaskCompleteTime}}</span>
                        <div class="cl"></div>
                    </div>
                </div>
                <!-- loop -->
            </div>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="js/bjlh_list.js"></script>

</html>
